/* view-class */
.origin-view {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 8px;
}

/* view-class */
.origin-wrap {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 2px;
  background-color: white;
  overflow: auto;
}

/* animate css */
.fade-enter-active {
  transition: opacity 0.3s ease; /* 设置过渡属性及持续时间等参数 */
}

.fade-leave-active {
  transition: opacity 0.3s ease; /* 设置过渡属性及持续时间等参数 */
}

.fade-enter, .fade-leave-to {
  opacity: 0; /* 初始化或结束时的显示状态 */
}

/* keyframes css */
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}